<html lang="en">
<head>
<title>Daniel Martins - Fotografo</title>
<meta name="description" content="File Upload widget with multiple file selection, drag&amp;drop support, progress bar and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.">
<meta name="viewport" content="width=device-width">
            
            <link rel="stylesheet" type="text/css" href="includes/css/style.css"/>
            <link rel="stylesheet" type="text/css" href="includes/css/purr.css"/>
            <link rel="stylesheet" type="text/css" href="includes/css/slide.css"/>
            <link rel="stylesheet" type="text/css" href="includes/css/album.css"/>
            <link rel="stylesheet" type="text/css" href="includes/css/contact.css"/>
            <link rel="stylesheet" type="text/css" href="includes/css/client.css"/>
            <link rel="stylesheet" type="text/css" href="includes/css/supersized.css"/>
            <link rel="stylesheet" type="text/css" href="includes/css/supersized.shutter.css"/>
            
        </head>
<body>
<div>
	<a href='#' title='Close' class='modalCloseX simplemodal-close'style='font-size:18px;'>x</a>
	<div class='album-top'></div>
	<div class='album-content' style="padding-left: 20px;">
		<h1 class='album-title'>Cadatro de album:</h1>
		<div class='album-loading' style='display:none'></div>
		<div class='album-message' style='display:none'></div>
		<form id="fileupload" action="server/php" method="post" enctype="multipart/form-data">
			<input type="hidden" name="idCliente" value="<?php echo $idCliente; ?>"/>
			<label for='album-nomeCliente'>Nome Cliente: <?php echo utf8_encode($nmCliente); ?></label>
			<br/><br/>
			<label for='album-name'>*Nome do album:</label>
			<input type='text' id='album-name' class='album-input' name='name' tabindex='1001' maxlength='255'/>
			
			<label for='album-dt_publicacao'>*Data de publica&ccedil;&atilde;o:</label>
			<input type='text' id='album-dt_publicacao' class='album-input' name='dt_publicacao' tabindex='1002' maxlength='255'/>
		
			<label for='album-dt_encerramento'>*Data de encerramento:</label>
			<input type='text' id='album-dt_encerramento' class='album-input' name='dt_encerramento' tabindex='1003' maxlength='100'/>
			
                        <label for='album-qtd_fotos'>*Data de encerramento:</label>
			<input type='text' id='album-qtd_fotos' class='album-input' name='qtd_fotos' tabindex='1004' maxlength='100'/>
			
                        
			<br/><br/>
			<div class="row fileupload-buttonbar">
	            <div class="span7">
	                <!-- The fileinput-button span is used to style the file input field as button -->
	                <span class="btn btn-success fileinput-button" style="margin-right: 5px;">
	                    <i class="icon-plus icon-white"></i>
	                    <span>Adicionar</span>
	                    <input type="file" name="files[]" multiple>
	                </span>
	                <button type="submit" class="btn btn-primary start">
	                    <i class="icon-upload icon-white"></i>
	                    <span>Upload</span>
	                </button>
	                <button type="reset" class="btn btn-warning cancel">
	                    <i class="icon-ban-circle icon-white"></i>
	                    <span>Cancelar</span>
	                </button>
	                <button type="button" class="btn btn-danger delete">
	                    <i class="icon-trash icon-white"></i>
	                    <span>Deletar</span>
	                </button>
	                <input type="checkbox" class="toggle">
	            </div>
	            <div class="span5">
	                <!-- The global progress bar -->
	                <div class="progress progress-success progress-striped active fade">
	                    <div class="bar" style="width:0%;"></div>
	                </div>
	            </div>
	        </div>
	        <!-- The loading indicator is shown during image processing -->
        	<div class="fileupload-loading"></div>
        	<br>
        	<!-- The table listing the files available for upload/download -->
        	<table class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
    	    <br>
		    <div class="well" style="padding-left: 25px;">
		    	<h3> Notas</h3>
		        <ul>
		            <li>O tamanho m&aacute;ximo para o upload dos arquivos &eacute; de <strong>5MB</strong> (Se necess&aacute;rio mude a resolu&ccedil;&atilde;o da imagem).</li>
		            <li>Apenas imagens tipo (<strong>JPG, GIF, PNG</strong>) s&atilde;o permitidos.</li>            
		            <!-- <li>Voc&ecirc; pode <strong>arrastar e soltar</strong> da sua &aacute;rea de trabalho para sua webpage com Google Chrome, Mozilla Firefox and Apple Safari.</li> -->
		        </ul>
		    </div>
			<!-- modal-gallery is the modal dialog used for the image gallery -->
			<div id="modal-gallery" class="modal modal-gallery hide fade">
			    <div class="modal-header">
			        <a class="close" data-dismiss="modal">&times;</a>
			        <h3 class="modal-title"></h3>
			    </div>
			    <div class="modal-body"><div class="modal-image"></div></div>
			    <div class="modal-footer">
			        <a class="btn modal-download" target="_blank">
			            <i class="icon-download"></i>
			            <span></span>
			        </a>
			        <a class="btn btn-success modal-play modal-slideshow" data-slideshow="5000">
			            <i class="icon-play icon-white"></i>
			            <span></span>
			        </a>
			        <a class="btn btn-info modal-prev">
			            <i class="icon-arrow-left icon-white"></i>
			            <span></span>
			        </a>
			        <a class="btn btn-primary modal-next">
			            <span></span>
			            <i class="icon-arrow-right icon-white"></i>
			        </a>
			    </div> 
			</div>
			<!-- The template to display files available for upload -->
			<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
<tr class="template-upload fade" style="padding: 10px 5px 8px 15px; vertical-align: middle;">
        <td>
            <div class="preview"><span class="fade"></span></div>
            <!--X<div class="name"><span>{%=file.name%}</span></div>-->
            <div class="size"><span>{%=o.formatFileSize(file.size)%}</span></div>
            {% if (file.error) { %}<!-- abre tratamento de erro -->
                <td class="error" colspan="2">
                    <span class="label label-important">{%=locale.fileupload.error%}</span>
                    {%=locale.fileupload.errors[file.error] || file.error%}
                </td><!-- fecha tratamento de erro -->
            {% } else if (o.files.valid && !i) { %}
    <div class="progress progress-success progress-striped active" style="width: 100%">
                <div class="bar" style="width:0%;"></div>
            </div>
            <div class="start" style="float: left; margin-left: 5px">{% if (!o.options.autoUpload) { %}
                <button class="btn btn-primary">
                    <i class="icon-upload icon-white"></i>
                    <span>{%=locale.fileupload.start%}</span>
                </button>
                {% } %}
            </div>
            {% } %}        
            <div class="cancel" style="float: left;margin-left: 5px">{% if (!i) { %}
                <button class="btn btn-warning">
                <span>{%=locale.fileupload.cancel%}</span>
            </button>
            {% } %}
            </div>
        </td>
    </tr>
{% } %}
	</script>
			<script id="template-download" type="text/x-tmpl">
			{% for (var i=0, file; file=o.files[i]; i++) { %}
    			<div class="template-download fade">
        			{% if (file.error) { %}
            			<td></td>
            			<td class="name"><span>{%=file.name%}</span></td>
            			<td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            			<td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
        			{% } else { %}
        				<div class="preview" style="margin: 10px;">
						{% if (file.thumbnail_url) { %}
                			<a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
                			<HR SIZE="2">
                			<div class="delete" style="margin-top: 2px; background: #f4f4f4; left: 50%;">
                    			<button class="btn btn-danger"  data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}" title="">
                        			<i class="icon-trash icon-white"></i>
                        			<span>{%=locale.fileupload.destroy%}</span>
                    			</button>
                    			<input type="checkbox" name="delete" value="1">
                			</div><!-- Delete -->
                		{% } %}
            			</div><!-- preview -->
        			{% } %}
    			</div><!-- template-download -->
			{% } %}
			</script>
            
<script src="includes/js/jquery-1.7.1.js"></script>
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
<script src="includes/js/vendor/jquery.ui.widget.js"></script>
<!-- The Templates plugin is included to render the upload/download listings -->
<script src="includes/js/tmpl.min.js"></script>
<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
<script src="includes/js/load-image.min.js"></script>
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
<script src="http://blueimp.github.com/JavaScript-Canvas-to-Blob/canvas-to-blob.min.js"></script>
<!-- Bootstrap JS and Bootstrap Image Gallery are not required, but included for the demo -->
<script src="http://blueimp.github.com/cdn/js/bootstrap.min.js"></script>
<script src="http://blueimp.github.com/Bootstrap-Image-Gallery/js/bootstrap-image-gallery.min.js"></script>
<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
<script src="includes/js/jquery.iframe-transport.js"></script>
<!-- The basic File Upload plugin -->
<script src="includes/js/jquery.fileupload.js"></script>
<!-- The File Upload file processing plugin -->
<script src="includes/js/jquery.fileupload-fp.js"></script>
<!-- The File Upload user interface plugin -->
<script src="includes/js/jquery.fileupload-ui.js"></script>
<!-- The localization script -->
<script src="includes/js/locale.js"></script>
<!-- The main application script -->
<script src="includes/js/main.js"></script>
<!-- The XDomainRequest Transport is included for cross-domain file deletion for IE8+ -->
<!--[if gte IE 8]><script src="js/cors/jquery.xdr-transport.js"></script><![endif]-->

			<button type='submit' class='album-send album-button' tabindex='1010'>Enviar</button>
			<button type='submit' class='album-cancel album-button simplemodal-close' tabindex='1011'>Cancelar</button>
			<br/>
		</form>
	</div>
</div>
<?php if(!empty($message)):?>
<script>
	alert('<?php echo $message?>');
</script>
<?php endif; ?>
</body>
</html>